<%-- 
    Document   : ingresoVehiculo
    Created on : Sep 10, 2014, 1:50:41 PM
    Author     : santiago
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%
    String estado = (String) request.getAttribute("estado");
%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Ingreso de Vehiculo</title>
        <link  type="image/x-icon" href="Resource/log.png" />
        <link type="image/vnd.microsoft.icon" href="Resource/log.png" />
        <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700|Questrial" rel="stylesheet" />
        <link href="Resource/default.css" rel="stylesheet" type="text/css" media="all" />
        <link href="Resource/fonts.css" rel="stylesheet" type="text/css" media="all" />
        <link href="Resource/boton.css" rel="stylesheet" type="text/css" media="all" />
        <script src="Resource/jquery-2.1.1.js" type="text/javascript"></script>
        <script src="Resource/opciones.js" type="text/javascript"></script>
        <script src="Resource/cliente.js"></script>
    </head>
    <body>
        <div id="header-wrapper">
            <div id="logo">  
                <table>
                    <tr>
                        <td>
                            <div id="banner" ><img src="Resource/softcar.png" width="330px" height="100px" ></div>
                        </td>
                        <td>
                            <h1><a href="index.jsp">TALLER AUTOMOTRIZ</a></h1>
                        </td>
                    </tr>
                </table>
            </div>
            <jsp:include page="menuPrincipal.jsp" />
        </div>
        <script>
            $(document).ready(function () {
                var status = '<%=estado%>';
                console.log("Estado: " + status);
                var ingresado = $("#ingresado");
                var proceso = $("#proceso");
                var listo = $("#listo");
                switch (status) {
                    case 'Ingreso':
                        ingresado.show();
                        break;
                    case 'En Proceso':
                        proceso.show();
                        break;
                    case 'Terminado':
                        listo.show();
                        break;
                }
            }
            );</script>
        <div class="wrapper">
            <div id="welcome" class="container">
                <div class="twiter" align="right">
                    <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/search?q=%23Autos" data-widget-id="452200047606640640">Tweets sobre "#Autos"</a>
                </div>
                <h2 align="left">
                    <FONT COLOR="1E90FF">Consultar Estado Del Vehiculo</FONT>	
                </h2>             
                <table cellpadding=12 cellspacing=12>
                    <tr>
                        <td>
                            <div id="buscar" style="display:inline">
                                <form method="post" action="/ESTRELLATE/SvlConsultarEstado" id="formulario">
                                    <table>
                                        <tr>
                                            <td>
                                                <label for="numeroIngreso">* Numero de Ingreso</label>
                                            </td>
                                            <td>
                                                <label for="placa">* Placa</label>
                                            </td>   
                                        </tr>
                                        <tr>
                                            <td>
                                                <input type="number" placeholder="Numero de ingreso" name="numeroIngreso"  value="" required="required">
                                            </td>
                                            <td>
                                                <input type="text"  placeholder="Placa del vehiculo" name="placa"  value="" required="required">
                                            </td>
                                            <td colspan="2">
                                                <input type="submit" value="Buscar" id="boton" name="action" style="cursor: pointer;">
                                                <input type="button" value="Limpiar" id="boton" class="limpiar" name="action" style="cursor: pointer;"><br>
                                            </td>
                                        </tr>
                                    </table>
                                </form>
                            </div>
                        </td>
                    </tr>
                </table>
                <div id="ingresado" style="display: none;">
                    <img src="Resource/in.png">
                    <h3>Tu vehiculo ha sido ingresado a nuestro Taller y muy pronto estara en proceso de reparacion!</h3>
                </div>                                  
                <div id="proceso" style="display: none;">
                    <img src="Resource/fixing.png">
                    <h3>Tu vehiculo esta en proceso de reparacion y muy pronto sera entregado!</h3>
                </div>
                <div id="listo" style="display: none;">
                    <img src="Resource/success.png">
                    <h3>Tu vehiculo ha sido reparado con exito!, ya puedes pasar a recogerlo</h3>
                </div>
                <p>Los campos marcados con * son obligatorios</p>
            </div>
        </div>        
        <div id="footer">
            <div class="container">
                <div class="fbox1">
                    <span class="icon icon-map-marker"></span>
                    <span>Medellin Antioquia Colombia
                        <br />Cra44 # 90-95</span>
                </div>
                <div class="fbox1">
                    <span class="icon icon-phone"></span>
                    <span>
                        Telephone: +574000000
                    </span>
                </div>
                <div class="fbox1">
                    <span class="icon icon-envelope"></span>
                    <span>softcar@gmail.com</span>
                </div>
            </div>
        </div>
        <div id="copyright">
            <center><footer>			
                    <FONT COLOR="ffffff">TALLER AUTOMOTRIZ ESTRELLATE<br/>
                    Proyecto Pedagógico Integrador <br/>
                    Medellín <br/>
                    2014</FONT>
                </footer></center>
        </div>
    </body>
</html>
